<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>个人认证</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="css/mui.picker.min.css"/>
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
    </head>
    <body class="attestation">
		<header class="mui-bar mui-bar-nav header-color">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">个人认证</h1>
		</header>
		<div class="promit"></div>
		<div class="mui-content">
		            <!--这里放置真实显示的DOM内容-->
            <ul class="personal">
            	<li class="personal-content">
            	    <span>姓名</span>
            	    <input type="text" class="name" placeholder="请输入真实姓名(必填)" />
            	</li>
            	<li class="personal-content">
                    <span>电话</span>
                    <input type="number" class="phone" placeholder="请输入电话号码(必填)" />
                </li>
                <li class="personal-content">
                    <span>微信</span>
                    <input type="text" class="wx" placeholder="请输入微信号(必填)" />
                </li>
                <li class="personal-content">
                    <span>QQ</span>
                    <input type="text" class="qq" placeholder="请输入QQ号(选填)" />
                </li>
                <li class="personal-content">
                    <span>活动范围</span>
                    <input type="text" class="range range2" placeholder="请选择活动范围(必填)" readonly="readonly" />
                </li>
                <li class="personal-content">
                    <span>工作单位</span>
                    <input type="text" class="company" placeholder="请输入单位名称(选填)" />
                </li>
            	<li class="personal-content">
                    <span>工作地址</span>
                    <input type="text" class="adderss"  placeholder="请输入工作地址(比如长沙华天大酒店，选填)" />
                </li>
                <li class="personal-content personal-img">
                    <h2 class="personal-title">拍摄照片（请做一个手摆OK姿势的照片）</h2>
                    <div class="box">
                        <div class="content-img"></div>
                        <div class="add-img">
                            <p class="text"><span>1</span></span>/1</p>
                        </div>
                    </div>
                </li>
                <li class="personal-content personal-video">
                    <h2 class="personal-title">拍摄认证视频（5-10秒）</h2>
                    <div class="box">
                        <div class="add-video"><div class="video-bg"></div></div>
                    </div>
                </li>
            </ul>
            <div class="btn">
                <button class="rdntn">提交</button>
            </div>
		</div>
    </body>
    <script src="js/mui.min.js "></script>
    <script src="js/city.data-3.js"></script>
    <script src="js/config.js"></script>
    <script src="js/mui.picker.min.js"></script>
    <script src="js/jquery2.1.0.min.js "></script>
    <!--通用JS，我封装了一些实用JS-->
    <script src="js/common.js"></script>
    <script type="text/javascript" src="aliyun_js/immersed.js"></script>
        <!-- 上传图片要用到的js，不要偷懒，都要用 -->
    <script type="text/javascript" src="aliyun_js/crypto.js"></script>
    <script type="text/javascript" src="aliyun_js/hmac.js"></script>
    <script type="text/javascript" src="aliyun_js/base64.js"></script>
    <script type="text/javascript" src="aliyun_js/sha1.js"></script>
    <script src="js/attestation.js"></script>
</html>